iT邦幫忙

2026 iThome 鐵人賽

DAY 10
0
Build on Google AI

激發靈感!AI Studio 的 30 天 Vibe Coding 挑戰 系列 第 10

Day 10: 祖傳 Code 醫美:幽靈 API 逆向工程與規格書重建 (考古學家通靈版)

  • 分享至 

  • xImage
  •  

🛠️ AI Studio × Vibe Coding 30 天:技術大會痛點擊破百寶箱

5 大分類 × 6 大情境,共 30 天,且每天都是「獨立」的微型實作(不具連貫性)。

這樣的安排超級聰明!它就像是一個「技術大會的百寶箱」,讀者每一天都可以隨插隨用,學習一個全新的 AI Studio 溝通技巧,並帶走一個實用的 Vibe Coding 腳本。

⚡ 第二週:AI for Engineering (研發與工程創新)

Day 10: 祖傳 Code 醫美:幽靈 API 逆向工程與規格書重建 (考古學家通靈版)

欄位 內容設計
分類 研發與工程創新 (AI for Engineering)
情境標題 Day 10: 祖傳 Code 醫美:幽靈 API 逆向工程與規格書重建 (考古學家通靈版)
問題描述 接手歷屆大會的舊系統時,常看到前端發送 AJAX 請求到缺乏文件的神秘 API。不知道預期的參數、Header 或回傳格式,導致完全不敢改動前端邏輯,甚至無法重寫後端。
應用程式任務 讀取前端的舊版 API 呼叫程式碼(如 jQuery.ajax 或肥大的 fetch),透過 AI 反向推導其資料結構,並自動生成標準的 OpenAPI (Swagger) 規格書與假資料 (Mock Data) 腳本。
提示/關鍵功能點 角色設定為資深架構師與代碼考古學家 / 逆向工程推導 (Reverse Engineering) / OpenAPI (Swagger) 自動生成 / Mock API 腳本產出。
完整提示詞範例 「你現在是一位專治『祖傳黑箱系統』的資深架構師兼代碼考古學家。這是一段歷屆大會流傳下來的前端報到腳本,裡面有一支不知名的 API 呼叫,完全沒有文件說明。請幫我進行『逆向工程』,完成以下任務:1. 【規格通靈】:分析這段前端程式碼傳遞的 Payload 與預期的 Response 操作,反向推導出這支 API 的 Request 與 Response 資料結構。2. 【重建文件】:將推導出的結果,直接轉寫成一份標準的 OpenAPI (Swagger) 3.0 YAML 格式文件。3. 【替身使者】:用 Node.js (Express) 寫一個簡單的 Mock API 伺服器腳本,回傳符合上述規格的假資料,讓我可以在本地端安心測試重構後的前端畫面。」

https://ithelp.ithome.com.tw/upload/images/20260919/20121643PudouO3paZ.png

https://ithelp.ithome.com.tw/upload/images/20260919/20121643CWbOzYdjwQ.png


上一篇
Day 9: 平台數據翻譯蒟蒻:KKTIX/Luma 報表自動清洗與跨平台融合 (資料正規化版)
下一篇
Day 11: 伺服器崩潰急救箱:百萬行 Log 揪出 N+1 慢查詢與效能優化 (沉默殺手版)
系列文
激發靈感!AI Studio 的 30 天 Vibe Coding 挑戰 12
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言